<template>
  <router-view v-slot="{ Component }">
    <component :is="Component" />
  </router-view>
</template>

<script setup lang="ts">
import useScreenScale from './hooks/useScreenScale'

export interface IScreenScaleOption {
  targetX?: number
  targetY?: number
  targetRatio?: number
}

const screenScaleOption: IScreenScaleOption = {
  targetX: 1920,
  targetY: 1080,
  targetRatio: 16 / 9
}
// 大屏适配
useScreenScale(screenScaleOption)
</script>

<style lang="scss">
@import url('@/styles/index.scss');
</style>
